@import "../../../../../styles/variables";

.criteria-menu-item {
  border-bottom: 1px solid rgba(153, 153, 153, 0.25) !important;
}

.sub-menu li {
    list-style: none;
    cursor: pointer;
  }

  .active{
    background-color: $medium-grey;
  }

  .item-link {
    margin-bottom: 1px;
  }

  .list-group-item {
    border: none;
    padding: 0rem;
  }

  .main-item {
    padding: 0.5rem 1rem;

    > a {
      display: block;
    }
  }

  .submenu > span > a {
    display: block;
    padding: 0.5rem 1.5rem 0.5rem 2.75rem;
  }

  .submenu > span > span {
    display: block;
    padding: 0rem 1.5rem 0.5rem 2.75rem;
  }

  .options-icon {
    width: 5rem;
    height: 5rem;
    margin-bottom: 1rem;
  }

  .criteria-tag {
    background-color: $primary-light;
    color: $body-color;
    padding: 0.25rem 0.5rem;
    border-radius: 0.15rem;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
    font-size: $secondary-font-size;

    > .ti-close {
      color: $primary-dark;
    }
}

.criteria-container {
  max-height: 35rem;
  overflow-y: scroll;
  margin-bottom: 2rem;
}

.search-input {
  line-height: 1.6rem;
  background-image: url(/admin/assets/img/icon-search-dark.svg);
  background-position: 12rem;
  background-repeat: no-repeat;
  background-size: 1.1rem 1.1rem;
  padding-right: 3rem;
}